
<template>
	<div class="index">

		<div class="center">
			<left></left>
			<div class="right">
          <top></top>
          <div class="hei10"></div>
          <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：分销后台><router-link to="/zhibodaka">直播打卡</router-link>>添加直播间流程</div>
          <div class="hei10"></div>  
          
          
                <div class="t_outbox" >
					<div class="t_title">添加直播间操作流程</div>
					<div style="margin-bottom: 30px;">抖店直播间要出现在直播间列表中需要按下方流程操作：</div>
					<div>1、在新直播间内下单</div>
					<div>2、在{{moban.platform_name}}后台找到该订单，复制其二级来源名称（直播间ID）来源名称的结构为：douyin-店铺名-<span style="color:#FF6B35 ;">二级来源名称</span></div>
					<img style="width: 911px;" src="../../../static/img/liucheng1.jpg" alt="">
					<div>3、编辑来源名称：点击功能设置，进入设置内修改二级来源名称</div>
					<img style="width: 944px;" src="../../../static/img/liucheng2.jpg" alt="">
					<div>4、新建命名规则：输入复制的来源名称（直播间ID）起一个自己记得住的名，例如：直播间1号</div>
					<img style="width: 488px;" src="../../../static/img/liucheng3.jpg" alt="">
					<div style="margin-bottom: 50px;">5、创建成功后请返回主播打卡页刷新后再查找您的直播间</div>
                </div>
			</div>
		</div>
		<!-- <foot></foot> -->
		
		
	</div>
</template>

<script>
	import axios from 'axios'
	import top from '@/components/top.vue'
	import left from '@/components/left.vue'
	import foot from '@/components/foot.vue'


	export default {
		components: {
			"left": left,
			"top": top,
			"foot": foot
		},
		name: 'productionBasismanagDj',
		data() {
			return{
				
				
			}
		},
		created() {
			
		},

		methods: {
		
			
		}
	}
</script>

<style lang="scss" scoped>
	.index {
		
    
    .t_title{
    font-size: 30px;
    color: #7E7E7E;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
     }
     .t_outbox{
    color: #7E7E7E;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
     }
     .t_outbox img{
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
     }

		.see {
			color: #409EFF;
			margin: 20px 0;
			cursor: pointer;
		}

		.cpflex {
			display: flex;
			flex-wrap: wrap;

			/deep/ .el-form-item {
				margin-bottom: 0px;
			}
		}

		.kucun {
			/deep/ .el-input {
				width: 200px;
			}

			.list {
				display: flex;
				text-align: center;
				border-bottom: 1px #EAEAEA solid;

				.bor1 {
					border-right: 1px #EAEAEA solid;

					i {
						color: #409EFF;
						font-size: 14px;
						margin-left: 10px;
						cursor: pointer;
					}
				}

				.th {
					background: #F9F9F9;
					line-height: 45px;
					flex: 1;
					font-size: 14px;
					box-sizing: border-box;
				}

				.td {
					line-height: 45px;
					font-size: 14px;
					flex: 1;
					box-sizing: border-box;
					color: #666;
				}

				.td2 {
					flex: 1.5
				}
			}
		}

		
				.o_ul {
					background: #F9F9F9;
					display: flex;

					.o_li {
						flex-basis: 160px;
						line-height: 45px;
						display: block;
						color: #727272;
						border-top: 3px #F9F9F9 solid;
						font-size: 14px;
						text-align: center;
					}

					.act {
						border-top: 3px #DD2727 solid;
						background: #FFFFFF;
					}
				}

				.title {
					border-bottom: 1px #EAEAEA solid;
					line-height: 45px;
					padding-left: 30px;
					font-size: 16px;
					background: #F9F9F9;
					color: #727272
				}

				.bsm {
					padding: 20px 20px 0 20px;

					.el-input {
						width: 220px;
					}
				}

				.row2 {
					color: #FFF;
					margin-top: 20px;

					a {
						color: #FFF;
					}
				}

				.con {
					margin: 20px;
					border: 1px #EAEAEA solid;

					.list {
						display: flex;
						text-align: center;
						border-bottom: 1px #EAEAEA solid;

						.bor1 {
							border-right: 1px #EAEAEA solid;

							i {
								color: #409EFF;
								font-size: 14px;
								margin-left: 10px;
								cursor: pointer;
							}
						}

						.th {
							background: #F9F9F9;
							line-height: 45px;
							flex: 1;
							font-size: 14px;
							box-sizing: border-box;
						}

						.td {
							line-height: 45px;
							font-size: 14px;
							flex: 1;
							box-sizing: border-box;
							color: #666;
						}

						.td2 {
							flex: 1.5
						}
					}
				}

				.el-pagination {
					text-align: right;
					margin-right: 20px;
					padding-bottom: 50px;
				}
			

	}
</style>
